.tongxin-container {
	padding: 20px;
	max-width: 800px;
	margin: 0 auto;

	.header {
		text-align: center;
		margin-bottom: 30px;
		font-size: 24px;
		font-weight: bold;
	}

	.stats-container {
		background: #f5f5f5;
		padding: 20px;
		border-radius: 8px;
		margin-bottom: 20px;

		.stat-item {
			margin: 10px 0;
			font-size: 16px;
		}
	}

	.button-group {
		display: flex;
		gap: 10px;
		margin-bottom: 20px;

		.ant-btn {
			min-width: 100px;

			&:first-child {
				background-color: #52c41a;
				border-color: #52c41a;
				color: #ffffff !important;

				&:hover {
					background-color: #73d13d;
					border-color: #73d13d;
					color: #ffffff !important;
				}
			}

			&:last-child {
				background-color: #ff4d4f;
				border-color: #ff4d4f;
				color: #ffffff !important;

				&:hover {
					background-color: #ff7875;
					border-color: #ff7875;
					color: #ffffff !important;
				}
			}
		}
	}

	// 添加 Main 组件样式
	.main-component {
		background: #f6ffed;
		padding: 20px;
		border-radius: 8px;
		border: 1px solid #b7eb8f;
		margin: 20px 0;

		span {
			margin-right: 15px;
			font-size: 16px;

			&:first-child {
				font-weight: bold;
				color: #52c41a;
			}
		}
	}

	// 添加 Footer 组件样式
	.footer-component {
		background: #fff1f0;
		padding: 20px;
		border-radius: 8px;
		border: 1px solid #ffccc7;
		margin: 20px 0;

		span {
			margin-right: 15px;
			font-size: 16px;

			&:first-child {
				font-weight: bold;
				color: #ff4d4f;
			}
		}
	}
}